iT邦幫忙

DAY 19
0

HTML5 & CSS3系列 第 19

30天分享(21) - CSS3 背景

  • 分享至 

  • xImage
  •  

30天分享(21) - CSS3 背景

CSS3 的背景新增了兩個屬性,

1.background-size

2.background-origin

1.background-size 能夠輕易的修改背景的大小 :

background-size: 500px 500px;

2.background-origin 可以將圖片定位在區塊不同的地方 :

background-origin:border-box;

背景圖片會以邊框開始置入並且跟邊框重疊

background-origin:padding-box;

背景圖片不會跟邊框重疊

background-origin:content-box;

背景圖片只會置入內文區,不會與內距與外框重疊

CSS3 也可將兩張圖片重疊,不過這個效果得使用 gif 或 png透明的背景才可以分辨差別,

background: url(img_tree.gif), url(img_flwr.gif);


上一篇
30天分享(20) - CSS3 邊框樣式
下一篇
30天分享(22) - CSS3 漸層
系列文
HTML5 & CSS328
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言